<?php use_javascript('jcarousellite_1.0.1.js') ?>
<?php use_javascript('jquery.easing.1.1.js') ?>
<?php use_javascript('mousewheel.js') ?>
<div id="container_slide">
<div class="anyClass" >
    <ul>
        <?php foreach($journalEncours as $journal):?>
        <li><img width="600px" class="jrn_slide_img" src="/uploads/journal/<?php echo $journal->getImageJ() ?>" alt="<?php echo $journal->getTitre()?>" title="<?php echo $journal->getTitre()?>"/></li>
        <li><?php echo stripslashes($journal->getResume(ESC_RAW)) ?></li>
        <?php foreach($journal->Articles as $article) :?>
        <li><h2><a href="<?php echo url_for('detailarticle',$article,true)?>"><?php echo $article->getTitre() ?></a></h2>
                    <?php echo stripslashes($article->getResume(ESC_RAW)) ?><span class="more-details"><a href="<?php echo url_for('detailarticle',$article,true)?>"><?php echo __('Comment this article') ?></a></span>
                    <div class="contenu-article" ><?php echo stripslashes($article->getContenu(ESC_RAW)) ?> </div>
        </li>
        <?php  endforeach; ?>
    </ul>
   <?php  endforeach; ?>
</div>
</div>

<button class="prev"><<</button>
<button class="next">>></button>
<script type="text/javascript"><!--//--><![CDATA[//><!--
    $(document).ready(function(){
	$(function() {
            $(".anyClass").jCarouselLite({
                btnNext: ".next",
                btnPrev: ".prev",
                visible: 1,
                height: "auto"
                //circular: false
            });
        });
    });	
//--><!]]></script>